html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }

#main-region { width: 100%; height: 100%; margin: 0; background: #f1f1f1; overflow: hidden; }
#splash-screen {
   width: 100%; height: 100%;
   background: #f1f1f1;
   position: absolute;
   left: 0px; top: 0px;
   z-index: 10000;
}
#loading-element {
   width: 400px; height: 256px;
   position: absolute;
   top: 50%; left: 50%;
   margin-left: -200px; margin-top: -128px;

   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.25);
   -moz-box-shadow:    1px 1px 2px rgba(50, 50, 50, 0.25);
   box-shadow:         1px 1px 2px rgba(50, 50, 50, 0.25);
   -moz-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #ddd;
   background: rgb(255,255,255);
   background: url();
   background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 73%, rgba(237,237,237,1) 100%);
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(73%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
   background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 73%,rgba(237,237,237,1) 100%);
   background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 73%,rgba(237,237,237,1) 100%);
   background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 73%,rgba(237,237,237,1) 100%);
   background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 73%,rgba(237,237,237,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
}
#main {
   position: absolute; left: 0px; top: 0px;
   width: 100%; height: 100%; overflow: hidden; 
}

#main-layout {
   width: 100%;
   height: 100%;
}
/* MAP */
#main-map-container {
   width: 100%;
   height: 100%;
}
/* TOOLBAR */
.toolbar-dialog .ui-dialog-titlebar { display: none !important; }
.toolbar-dialog  {
   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.25) !important;
   -moz-box-shadow:    1px 1px 2px rgba(50, 50, 50, 0.25) !important;
   box-shadow:         1px 1px 2px rgba(50, 50, 50, 0.25) !important;   
}
.toolbar-dialog:focus {
   outline: none !important;
}

/* CAROUSEL */
 #main-carousel { width: 100%; height: 100%; background: #eee; }
